iT邦幫忙

2025 iThome 鐵人賽

DAY 3
0
佛心分享-SideProject30

《Re:Human》—— 人類補完計劃系列 第 3

《Re:Human》任務: 打造個人裝備

  • 分享至 

  • xImage
  •  

今天任務

今天睡醒之後,眼前系統忽然跳出:

任務是打造個人裝備

請打造一個屬於你個人的裝備,裝備必須齊全完整

我把個人能力表呼叫出來,發現多了一個個人裝備,這是?

進度:2%/100%
* ✅ 故事脈絡

主線任務:
* □ 打造個人裝備

個人裝備:
* □ 無

我想起了英雄旅程的概念,當英雄要出門前,系統都會給予基本裝備打怪,我先來看看系統給了我什麼?

打造個人裝備

一開始的想法是這個網站是一個內容平台,只需要單純的呈現內容即可,不需要太多複雜的功能,例如登入註冊等,所以我只需要將內容透過 Web 來呈現就好。

那麼就會有兩個問題,
該用何種技術寫網站?
該如何收集內容資料?

該用何種技術寫網站?

我在 2023 年認識 Vue3,並且有幸參加當年度的鐵人賽,並且順利出書,讓我深深地愛上了這個前端框架。然而在今年 2025 認識了 Nuxt 框架,深刻體會到解決 Vue3 的不便,例如資料夾及路由,光這個功能就足以讓我買單了。
而在經歷過兩個小專案的經驗之後,更加認識 Nuxt 框架之後,便確定了。

前端框架使用 Nuxt

因此,為了學習 Nuxt,我還特別把官方的文件教學,Vibe Coding 變成精簡版文件,可以到這邊參考:https://jkone.dev/stack/nuxt/

https://ithelp.ithome.com.tw/upload/images/20250803/20162607jMgfxz6Ifr.png

透過 AI 強大的轉化能力,以及 AI 的寫程式能力,從文件直接輸出成部落格網頁,這樣一條龍的作業方式,
也讓我開始懷疑一般的部落格網站以及架站的框架的未來。

根據我以往使用這些服務或者框架來自己架站的經驗,最大的問題就是風格,從網站的版型、排版到顏色風格,
光這些設定就有得忙了,而且還不一定會弄到好,有時候甚至搞設定就花了一天,就完全放棄架站。
如果是使用線上部落格服務,也是會受限於排版問題而放棄,無法達成我要的版面,
這也是我至今無法養成寫部落格的原因。

但在 2025 不一樣了,我可以隨心所欲使用 AI 來排版或者更改風格。

我就使用這種方式創作了我個人的網站:https://jkone.dev/
或者剛剛提到的教學文章:https://jkone.dev/stack/

https://ithelp.ithome.com.tw/upload/images/20250803/20162607bTcgAVVFty.png

可以發現,這幾種種部落格風格都不一樣,我不用在受限於設定檔問題,而白忙一場,這都多虧了 AI 的強大轉化能力。

但要完成這些網頁創作,是需要經歷一些成長淬煉的。
首先,可能的學習經歷會是

HTML -> CSS -> JS -> Vue -> Nuxt

甚至,可能會需要了解資訊工程的基本概念,像是Http資料結構基礎程式等相關計算機概論的內容。

如果不想走這長長的路線,也可以直接跳到 Nuxt 開始,然後遇到問題回頭補足相關知識,這樣更有效率,
但相比起來,一開始會相當的痛苦,撐不下去可能就會放棄。

而這也是今年崛起的 Vibe Coding 的概念,如果什麼都不懂,直接 Vibe Coding 下去,會發生什麼事情?

恩,看起來個人裝備的任務還需要一天才能完成!


《Re:Human》—— 人類補完計劃,下集待續...


上一篇
《Re:Human》任務: 完成故事脈絡
下一篇
《Re:Human》打造個人裝備(下)
系列文
《Re:Human》—— 人類補完計劃35
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言